<template>
    <div class="Content">
        <div class="center">
            <div class="center-cnet">
                <div class="ImgNum">
                    <img src="../assets/img/4/404-4.png" >
                    <img src="../assets/img/4/org.png" class="Imgorg">
                    <img src="../assets/img/4/404-4.png">
                </div>
                <div class="ImgTxt">
                    <img src="../assets/img/4/sorry.png">
                </div>
                <div class="Txt">
                    您要查看的网址可能已被删除、名称已更改、或者暂时不可用
                </div>
                <div class="Btn">
                    <button class="BtnBackFirst" @click="BackFirst()">返回上一页面</button>
                    <button class="BtnBackSite" @click="BackSite()">返回网站页面</button>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    methods:{
        BackFirst(){
            alert("返回上一个页面");
        },
        BackSite(){
            alert("返回网站页面");
        }
    }
}
</script>
<style scoped>
    .Content{
        width:100%;
        height:100%;
    }
    .center{
        width:67%;
        height:60%;
        margin: 20% auto;
    }
    .center .center-cnet{
        width:60%;
        height:100%;
        margin:0 auto;
    }
    .ImgNum{
        width:100%;
        height:40%;
    }
    .ImgNum img{
        height: 100%;
    }
    .ImgTxt{
        width:100%;
        height:14%;
    }
    .ImgTxt img{
        width:100%;
        height:100%;
    }
    .Txt{
        padding:15px 0;
    }
    .Btn{
        width:100%;
        padding:0 30px;
        text-align: center; 
    }
    .Btn button{
        width:80px;
        height:30px;
        border:none;
        border-radius: 3px;
        color:#fff;
    }
    .Btn .BtnBackFirst{
        background: #f08200;
    }
    .Btn .BtnBackSite{
        background: #498e3d;
    }
</style>